<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    	<!--<link rel="icon" type="image/ico" href="/favicon.ico">-->
    	<meta name="viewport" content="width=1024,initial-scale=1.00, minimum-scale=1.00">
    	<title>METRO DEMO</title> 
        
        <!-- BEGIN CSS -->
    	<!--<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css">-->
		<link rel="stylesheet" type="text/css" href="/css/layout.css">
		<link rel="stylesheet" type="text/css" href="/css/nav.css">
		<link rel="stylesheet" type="text/css" href="/css/tiles.css">
		<link rel="stylesheet" type="text/css" href="/css/style.css">
		<link rel="stylesheet" type="text/css" href="/themes/theme_default/theme.css">
		<link rel="stylesheet" type="text/css" href="/plugins/lightbox/plugin.css">
		<link rel="stylesheet" type="text/css" href="/plugins/plugintemplate/plugin.css">
		<link rel="stylesheet" type="text/css" href="/plugins/tileslide/plugin.css">
		<link rel="stylesheet" type="text/css" href="/plugins/tileslideshow/plugin.css">
		<link rel="stylesheet" type="text/css" href="/plugins/tiletemplate/plugin.css">
		<link rel="stylesheet" type="text/css" href="/plugins/panels/plugin.css">
		<link rel="stylesheet" type="text/css" href="/plugins/tileslidefx/plugin.css">
		<link rel="stylesheet" type="text/css" href="/plugins/tileflip/plugin.css">
		<!-- END CSS -->

		<!-- BEGIN JS -->

		<!--[if IE]>
	    	<script src="/js/html5.js"></script>
	    <![endif]-->
	    <!--[if lt IE 9]>
	    	<script type="text/javascript" language="javascript" src="/js/jquery1.10.2.min.js"></script>
	    	<script src="/js/html5.js"></script>
		<![endif]-->
		<!--[if gte IE 9]><!-->
	    	<script src="/js/jquery2.0.3.min.js"></script>
	    	<script src="/js/html5.js"></script>
		<!--[endif]---->
	    <!--[if !IE]>
	    	<script src="/js/jquery2.0.3.min.js"></script>
		<![endif]-->

	    <script type="text/javascript">window.jQuery || document.write('<\/script><script type="text/javascript" src="/js/jquery1102.js"><\/script>')</script>
	    <script type="text/javascript" src="/js/plugins.js"></script>
	    <script type="text/javascript" src="/js/script.js"></script>
		<script type="text/javascript" src="/plugins/lightbox/plugin.js"></script>
		<script type="text/javascript" src="/plugins/plugintemplate/plugin.js"></script>
		<script type="text/javascript" src="/plugins/tileslide/plugin.js"></script>
		<script type="text/javascript" src="/plugins/tileslideshow/plugin.js"></script>
		<script type="text/javascript" src="/plugins/tiletemplate/plugin.js"></script>
		<script type="text/javascript" src="/plugins/panels/desktop.js"></script>
		<script type="text/javascript" src="/plugins/tileslidefx/plugin.js"></script>
		<script type="text/javascript" src="/plugins/tileflip/plugin.js"></script>
		<script type="text/javascript" src="/js/functions.js"></script>
		<script type="text/javascript" src="/js/main.js"></script>
		<noscript><style>#tileContainer{display:block}</style></noscript>
		<script type="text/javascript">
			( function(d, s, id) {
					var js, fjs = d.getElementsByTagName(s)[0];
					if (d.getElementById(id))
						return;
					js = d.createElement(s);
					js.id = id;
					js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
					fjs.parentNode.insertBefore(js, fjs);
				}(document, 'script', 'facebook-jssdk'));
		</script>
		<!-- END JS -->
	</head>
	<body class="full desktop">
		<img src="/img/bg/metro_green.jpg" alt="background-image" id="bgImage" style="margin-left: 0px;">
		<!-- BEGIN HEADER -->
		<header style="top: 0px;">
			<div id="headerWrapper">
				<div id="headerCenter">
					<div id="headerTitles">
						<h1><a href="/">ỨNG DỤNG MOBILE</a></h1>
				   		<h2>Tất cả đều miễn phí</h2>
				   		<!-- <a href="index.html" class="link_theme">Theme_1</a>
				   		<a href="index2.html" class="link_theme">Theme_2</a>
				   		<a href="index3.html" class="link_theme active">Trường</a> -->
				    </div>
				    <nav class="nav_theme_custom">
		            	<a id="group0" class="navActive" href="/">
							<img src="/img/icons/home.png" alt="home">
								Home
						</a>
						<a id="" class="" href="#">
							<img src="/img/icons/android.png" alt="Supported OS">
								Android
		 				</a>
						<a id="" class="" href="#">
							<img src="/img/icons/wp.png" alt="Supported OS">
								Win-Phone
		 				</a>
						<!--<a id="group1" class="">
							<img src="/img/icons/chip.png" alt="Contact">
								Suport-Os
						</a>
						<a id="group2" class="">
							<img src="/img/icons/mail.png" alt="Contact">
								Contact
						</a>-->
						
					</nav>
				</div>
		    </div>
	    </header>
		<!-- END HEADER -->

		<!-- BEGIN CONTENT -->
		<div id="wrapper" style="padding-top: 81px;">
			<div id="centerWrapper">
  		    	<!--content--->
					<?php echo $this->fetch('content'); ?>
				<!--End content>
            </div>
			<footer>
				<a title="Metro UI template" href="http://metro-webdesign.info/#&home" target="_blank"></a>
			</footer>
    	</div>
		<!-- END CONTENT -->
	</body>
</html>